<template>
  <div class="theme">
    <van-nav-bar :title="theme" left-arrow @click-left="onClickLeft" />
  </div>
</template>

<script>
export default {
  name: "theme",
  props: ["theme"],
  methods: {
    onClickLeft() {
      this.$router.push("/my");
    },
  },
  data() {
    return {};
  },
};
</script>

<style scoped>
.theme {
  width: 100%;
  background-color: #efeff4;
  position: fixed;
  top: 0;
  z-index: 999;
}
/deep/.van-nav-bar {
  background-color: #f5f5f5;
}
/deep/.van-nav-bar .van-icon {
  color: gray;
}
</style>